* {
    margin: 0; padding: 0;
}

ul {
    background: url(bg-menu.png) repeat-x top center;
    margin: 20px auto;
    height: 30px; width: 600px;
}

li {
    list-style: none;
    background: url(sepr.gif) no-repeat right center;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right:2px;
    height: 30px;
}

a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    padding: 7px 20px;
    display: block;
}

a.hover {
    margin-top: -30px;
    background: url(bg_menu_hover.gif) repeat-x top center;    
}